﻿@model IEnumerable<CodeCamp2011.Models.Notificacion>
<style>
#middle
{
	padding-left:0px!important;
}
</style>

@{int contador = 0;}
<div id="statusSuperior">
   
    <p class="status">
        <textarea id="Comentario" name="Comentario"></textarea>
        <input type="button" value=" Post! " id="postear" />
    </p>
    
</div>
<script language="javascript">
    $(document).ready(function () {
        $('#postear').click(function () {

            $.post('@Url.Action("ActualizarComentario", "Home", null)', { comentario: $('#Comentario').val() }, function (result) {

                console.log('got %o ', result);
                var clone = $('#template').clone();
                clone.attr('id', 'post' + ($('.post').size() - 1));
                var usuario = clone.find('.postUsuario').text(result.UsuarioEmisor);
                var comentario = clone.find('.postcontent').text(result.Texto);
                var timetracker = clone.find('.timetracker').text(result.Fecha);
                clone.find('img').hide();
                $('#muro').prepend(clone);
                clone.show();
            }, 'json');
        });
        //setInterval('updatePosts()', 10000);
    });
    function updatePosts() {
      
        var lastDate = $('#muro div.post:first').first().find('.timetracker').text();
        $.post('@Url.Action("UltimosPosts", "Home", null)', { lastDate: lastDate }, function (result) {
            console.log('got %o ', result);
            if (jQuery.isEmptyObject(result)) {
                result.each(function () { 
                    var clone = $('#template').clone();

                    clone.attr('id', 'post' + ($('.post').size() - 1));
                    var usuario = clone.find('.postUsuario').text($(this).UsuarioEmisor);

                    clone.find('img').attr('src', '/FotosUsuarios/' + $(this).Foto);
                    var comentario = clone.find('.postcontent').text($(this).Texto);
                    var timetracker = clone.find('.timetracker').text($(this).Fecha);

                    $('#muro').prepend(clone);
                    clone.show();
                })
            }
        }, 'json');
        };
    

</script>
<div id="template" class="post" style="display:none">
      <img src="" class="userphoto" style="display:none;" />   
            <span class="postUsuario"></span>
            <div class="postcontent"> 
            </div>
            <div class="timetracker"></div>
        </div>
<div id="muro">

@if (Model != null)
{
    
    foreach (var item in Model)
    {
        <div id="@String.Format("post{0}",contador)" class="post">
            @if(!String.IsNullOrEmpty(item.UsuarioEmisor.Foto) && !item.Generado){
                <img src="@Url.Content("~/FotosUsuarios/" + item.UsuarioEmisor.Foto)" class="userphoto" width="75px" height="80px" />
                
            }<span class="postUsuario">@(item.UsuarioEmisor.Nombre)</span>
            <div class="postcontent @(item.Generado ? "generated" : String.Empty)">
                @Html.DisplayFor(modelItem => item.Texto)
            </div>
            <div class="timetracker">@Html.DisplayFor(modelItem => item.Fecha)</div>
        </div>
    
    
    contador++;
    }
}

 </div>
